/* reset样式 */
body,
p,
ul,
dl,
dd,
form,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}

div,
p,
dl,
dt,
dd,
form,
section,
article,
aside,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
i,
span {
  box-sizing: border-box;
}

::after,
::before {
  box-sizing: border-box;
}

li {
  list-style: none;
}

i,
em {
  font-style: normal;
}

body {
  font-size: 12px;
  color: #333;
  background-color: #f6f6f6;
}

img {
  display: block;
}

textarea,
input,
input:focus {
  outline: none; /* 去除默认边框 */
  box-shadow: none; /* 去除默认阴影效果 */
  border: none; /* 去除默认边框 */
  background-color: transparent; /* 将背景色变为透明 */
  color: inherit; /* 保持文本颜色不变 */
}

// 修改自带input样式input:-internal-autofill-selected为透明色
input:-webkit-autofill{
  -webkit-text-fill-color: #FFFFFF !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

/* nprogress 插件进度条样式重置 */
#nprogress .bar {
  background: #7302fd !important;
  background-image: linear-gradient(
    to top,
    color(display-p3 0.4274509804 0.1803921569 1/0),
    color(display-p3 0.6196078431 0.4784313725 1/0.3490196078),
    color(display-p3 0.9960784314 0.5450980392 0.7333333333/0.6980392157),
    color(display-p3 1 0.7411764706 0.4784313725/1) 99%,
    color(display-p3 1 0.7411764706 0.4784313725/0) 100%
  ) !important;
}

#nprogress .peg {
  box-shadow:
    0 0 10px #aa8eff,
    0 0 5px #aa8eff !important;
}

.base-nav-scrollbar {
  // 优化滚动条样式
  &::-webkit-scrollbar {
    width: 6px !important;
    height: 6px;
  }

  &::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
  }

  &::-webkit-scrollbar-thumb:vertical {
    height: 32px;
    background-color: rgba(144, 147, 153, 0.3);
    border-radius: 4px;
    &:hover {
      cursor: pointer;
      background-color: rgba(144, 147, 153, 0.5);
    }
  }

  &::-webkit-scrollbar-thumb:horizontal {
    width: 32px;
    // background-color: rgba(144, 147, 153, 1);
    border-radius: 4px;
  }
}

// app 公共样式
.app-page {
  ::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
  }
  ::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
  }
}

.form-btn-nav {
  padding: 20px 24px 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid var(--color-white-60, rgba(255, 255, 255, 0.06));
}

.vjs-modal-dialog-content {
  z-index: 999;
}

:root {
  --van-primary-color: #6936ff !important;
}
